<template>
	<div id="header">
		<div class="cont">
			<div class="topbar-nav">
				<a href="index.html">首页</a>
				<span class="sep">|</span>
				<a href="#" onclick="part1">作品</a>
				<span class="sep">|</span>
				<a href="">文章</a>
				<span class="sep">|</span>
				<a href="">Memory</a>
				<span class="sep">|</span>
				<a href="">Select Region</a>
				<span class="sep">|</span>

			</div>
			<div class="topbar-cart" id="J_miniCartTrigger">
				<a href="#" id="J_miniCartBtn" class="iconfont">购物车<span class="iconfont">（0）</span></a>
				<div class="cart-menu" id="J_miniCartMenu">
					<div class="loading">购物车中还没有商品，赶紧选购吧！</div>

				</div>

			</div>
			<div class="topbar-info" id="J_userInfo">
				<a class="link" href="">登录</a>
				<span class="sep">|</span>
				<a href="">问答</a>
				<span class="sep">|</span>
				<a href="">联系我们 </a>
			</div>

		</div>
	</div>
	<div id="content">
		<redirect></redirect>
	</div>
</template>

<script>
</script>

<style>
	* {
		padding: 0px;
		margin: 0px;

		font-family: "微软雅黑";
	}

	a {
		text-decoration: none;
	}

	#header {
		height: 35px;
		background-color: #333;
		margin: 0px auto;
	}

	#content {
		padding: 35px;
		height: auto;
	}

	.cont {
		width: 87%;
		height: 35px;
		line-height: 35px;
		font-size: 0.75em;
		margin-left: 6.5%;
		margin-right: 6.5%;
	}

	.cont a {
		color: #b0b0b0;
	}

	.sep {

		margin: 0 .5em;
		color: #424242;
	}

	.topbar-nav {
		float: left;
		width: 48%;
	}

	.topbar-cart {
		float: right;
		width: 7.5em;
		height: 35px;
		position: relative;
		text-align: center;
		background-color: #424242;

	}

	#all {
		background: url('bg3.jpg');
		height: 890px;

	}

	.cart-menu {
		position: absolute;
		display: none;
		right: 0;
		top: 35px;
		z-index: 31;
		width: 24em;
		height: 6em;
		padding: 15px 0 0;
		background: #ffffff;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	}

	.topbar-info {
		float: right;
		margin-right: 4%;


	}

	.topbar-cart a:hover {
		color: #ff6700;

	}

	.topbar-cart:hover {
		background-color: #fff;

	}

	.loading {
		color: #424242;
		text-align: center;

	}
</style>
